<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ErichParts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//at.alicdn.com/t/font_529087_9apwd2z31btep14i.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="header">
    <div class="top-panel">
        <div class="container-fluid  top-grid">
            <div class="container-fluid-row">
                <div class="row-fluid">
                    <ep-drop-down class="ep-fl">
                        <div class="customer-service">
                            Customer Services <i class="ep icon-drop-down"></i>
                        </div>
                        <ep-drop-down-menu slot="dropdown" location="center">
                            <ul>
                                <li></li>
                            </ul>
                        </ep-drop-down-menu>
                    </ep-drop-down>
                </div>
                <ep-drop-down class="ep-fr">
                    <div class="user-cart">
                        <i class="ep icon-cart"></i>
                        <span class="cart-number">0</span>
                        Cart <i class="ep icon-drop-down"></i>
                    </div>
                    <ep-drop-down-menu width="200px" location="right">
                        <div>
                            Cart
                        </div>
                    </ep-drop-down-menu>
                </ep-drop-down>


                <div class="user-panel ep-fr">
                    <a href="#">My</a><a href="#">Sign in</a><a href="#">Sign up</a><a href="#">Collection</a>
                </div>

            </div>
        </div>
    </div>
    <div class="logo-section">
        <div class="container-fluid  top-grid">
            <div class="container-fluid-row">
                <div class="logo-content">
                    <img class="logo" :src="logo">
                    <p class="blue"><span class="orange">E</span>rich<span class="orange">p</span>arts</p>
                </div>
            </div>
        </div>
    </div>
    <div class="nav" :class="{fixed:fixed,show:visible}">
        <div class="container-fluid">
            <div class="container-fluid-row">
                <div class="nav-container">
                    <ep-drop-down class="ep-fl">
                        <div class="nav-menus">
                            <i class="ep icon-menu"></i>
                            PRODUCTS CATEGORIES
                            <ep-drop-down-menu slot="dropdown" class="nav-dropdown-menus" :arrow="false">
                                <ul class="categories-menus">
                                    <ep-category-menu name="IPHONE" tag="popular" >
                                        <ep-submenu slot="child-menus">
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                            <ep-submenu-item name="iPhone X"></ep-submenu-item>
                                        </ep-submenu>
                                    </ep-category-menu>
                                    <ep-category-menu name="SamSung"  ></ep-category-menu>
                                    <ep-category-menu name="OPPO"  ></ep-category-menu>
                                    <ep-category-menu name="HuaWei"  ></ep-category-menu>
                                    <ep-category-menu name="Tools"  ></ep-category-menu>
                                </ul>
                            </ep-drop-down-menu>
                        </div>
                    </ep-drop-down>
                    <ul class="ep-fl menus">
                        <li>
                            <a href="#">HOME</a><span>|</span>
                        </li>
                        <li>
                            <a href="#">Cellphone</a><span>|</span>

                        </li>
                        <li>
                            <a href="#">Tablet</a><span>|</span>
                        </li>
                        <li>
                            <a href="#">Notebook</a><span>|</span>
                        </li>
                        <li>
                            <a href="#">Tools</a><span>|</span>
                        </li>
                        <li>
                            <a href="#">Accessories</a>
                        </li>
                    </ul>

                    <div class="search-box ep-fr">
                        <input class="from-control ep-fl" placeholder="Search"/>
                        <button class="search-btn ep-fl"><i class="ep icon-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="min-height: 1000px">

</div>
<div class="ep-footer" id="footer">
    <div class="container-fluid">
        <div class="container-fluid-row">
            <div class="service-row">
                <div class="logo-container">
                    <img class="logo" :src="logo">
                </div>
                <div class="service-link">
                    <div class="service-link-title">

                        <span>Ordering Guide</span>

                    </div>
                    <div class="service-link-body">

                        <ul class="service-text-links">
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="service-link">
                    <div class="service-link-title">

                        <span>Ordering Guide</span>

                    </div>
                    <div class="service-link-body">

                        <ul class="service-text-links">
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="service-link">
                    <div class="service-link-title">

                        <span>Ordering Guide</span>

                    </div>
                    <div class="service-link-body">

                        <ul class="service-text-links">
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="service-link">
                    <div class="service-link-title">

                        <span>Ordering Guide</span>

                    </div>
                    <div class="service-link-body">

                        <ul class="service-text-links">
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="service-link">
                    <div class="service-link-title">

                        <span>Ordering Guide</span>

                    </div>
                    <div class="service-link-body">

                        <ul class="service-text-links">
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                            <li class="service-text-links__item">
                                <a class="service-text-links__a" href="#">Register new account</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="container-fluid" style="background: #f0f0f0">
        <div class="container-fluid-row">
            <p class="copyright">
                © 2010-2018 Union Repair Technology Limited. All rights reserved.
            </p>
        </div>
    </div>
</div>
</body>
<script>

</script>
</html>